<!-- HTML5文件 -->
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8"/>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
		<title>zentrust</title>
		<link rel="stylesheet" href="assets/agile/css/agile.layout.css">
		<link rel="stylesheet" href="assets/agile/css/flat/flat.component.css">
		<link rel="stylesheet" href="assets/agile/css/flat/flat.color.css">
		<link rel="stylesheet" href="assets/agile/css/flat/iconline.css">
		<link rel="stylesheet" href="assets/agile/css/flat/iconform.css">
		<link rel="stylesheet" href="assets/app/css/app.css">
		<link rel="stylesheet" href="assets/local/css/index.css">
	</head>
	<body>
		<div id="section_container">
			<section id="form_section" data-role="section" class="active">
				<header>
				    <div class="titlebar">
				    	<a data-toggle="back" href="#">返回</a>
				    	<h1>zentrust</h1>
				    	<a href="#"><i class="iconfont iconline-menu2"></i></a>
				    </div>
				</header>
				<article data-role="article" id="normal_article" data-scroll="verticle" class="active" style="top:44px;bottom:44px; background:#d7d8da;">
					<div class="scroller"> 
						<form autocomplete="off" oninput="range_output.value=parseInt(range.value)" class="form-common">
							<div class="card card-ext">
						  		社交信息
						  	</div>
						  	<hr/>
							<label class="label-left" for="user">用户名</label>
							<label class="label-right">
						    	<input id="user" type="text" placeholder="请输入英文数字下滑线" pattern="^[a-zA-z][a-zA-Z0-9_]{2,9}$" title="英文数字下滑线" required value="智都"/>
						    </label>
						    <hr/>
						    <label class="label-left">性别</label>
						    <label class="label-right">
						    	<a href="#" data-role="radio">
						    		<input type="radio" name="sex" id="male" style="left:0;right:auto;" checked="checked"/>
						  			<label for="male" class="black">男</label>
						  		</a>
						  		<a href="#" data-role="radio">
						  			<input type="radio" name="sex" id="female" style="left:0;right:auto;"/>
						  			<label for="female" class="black">女</label>
						  		</a>
						    </label>
						    <hr/>
							<label class="label-left" for="email">单位</label>
							<label class="label-right">
						    	<input id="email" type="text" placeholder="请输入邮箱" autocomplete="on" required value="智信资产管理"/>
						    </label>
						    <hr/>
						    <label class="label-left" for="email">部门职位</label>
							<label class="label-right">
						    	<input id="email" type="text" placeholder="请输入邮箱" autocomplete="on" required value="广告部"/>
						    </label>
						    <hr/>
						    <label class="label-left" for="phone">手机</label>
						    <div class="label-right">
							    <input id="phone" type="number" value="13066889988" onBlur="jQuery('#phone_output').val(jQuery('#phone').mobileISP())"/>
						    </div>
						    <hr/>
						    <label class="label-left" for="email">邮箱</label>
							<label class="label-right">
						    	<input id="email" type="email" placeholder="请输入邮箱" autocomplete="on" required value="zentrust@zentrust.com"/>
						    </label>
						    <hr/>
						    <label class="label-left" for="phone">座机</label>
						    <div class="label-right">
							    <input id="phone" type="number" value="0208888888" onBlur="jQuery('#phone_output').val(jQuery('#phone').mobileISP())"/>
						    </div>
						    <hr/>
						    <label class="label-left" for="email">城市</label>
							<label class="label-right">
						    	<input id="email" type="text" placeholder="请输入邮箱" autocomplete="on" required value="北京市"/>
						    </label>
						    <hr/>
						    <label class="label-left" for="email" style="height:80px;">地址</label>
							<label class="label-right"  style="height:80px;">
						    	<textarea rows="5" class="noborder">广州市天河区天河南路8号</textarea>
						    </label>
						    <hr/>
						    <label class="label-left" for="email"  style="height:80px;">备注</label>
							<label class="label-right"  style="height:80px;">
						    	<textarea rows="5" class="noborder">广州市天河区天河南路8号广州市天河区天河南路8号</textarea>
						    </label>
						    <hr/>
					    </form>

					    <div class="card noborder">
								<button class="submit width-full">修改</button>
							</div>

					</div>  
				</article>
				<footer>
					<nav class="menubar">
						<a id="basic" class="menu active" data-role="tab" href="#" data-toggle="article">	
						   <span class="menu-text">基本信息</span>
						</a>
						<a id="job" class="menu" data-role="tab" href="#" data-toggle="article">
						    <span class="menu-text">职业信息</span>
						</a>
						<a id="social" class="menu" data-role="tab" href="#" data-toggle="article">
						    <span class="menu-text">社交信息</span>
						</a>
						<a id="zentrust" class="menu" data-role="tab" href="#" data-toggle="article">
						    <span class="menu-text">智信互动</span>
						</a>
					</nav>
				</footer>		
			</section>
		</div>
		
		<!--- third --->
		<script src="assets/third/zepto/zepto.min.js"></script>
		<script src="assets/third/iscroll/iscroll-probe.js"></script>
		<script src="assets/third/arttemplate/template-native.js"></script>
		<!-- agile -->
		<script src="assets/third/jquery/jquery-2.1.3.min.js"></script>
		<script src="assets/third/jquery/jquery.mobile.custom.min.js"></script>
		<script type="text/javascript" src="assets/agile/js/agile.js"></script>		
		<!--- bridge --->
		<script type="text/javascript" src="assets/bridge/exmobi.js"></script>
		<script type="text/javascript" src="assets/bridge/agile.exmobi.js"></script>
		<!-- app -->
		<script type="text/javascript" src="assets/app/js/app.js"></script>
		<script type="text/javascript" src="assets/local/js/common.js"></script>
		
	</body>
</html>